Previous Button Element
A standard button which automatically moves to the previous page when the Button is clicked or tapped. The Button uses the order of pages as they appear in the Pages tab of the Project Explorer.
Note, however, that, by default, you cannot move to another page unless all the pages before it are valid. A page is valid if all Elements on the page which have one or more validation rules specified have been completed satisfactorily by the user or the page has no validations specified. This is not an issue when a user moves forward through a form in sequence, going from page 1 to page 2 to page 3 etc. and you want to allow them to go back to view or edit the previous pages. A Previous Button added to each page will allow the user to move backwards as expected. However, you can include nonsequential pages in your form, which allows the user to jump over invalid pages to access the nonsequential pages. In this situation, a Previous Button added to a nonsequential page acts like a 'back' button and returns to the page from which the user moved to the nonsequential page, providing that involves moving backwards. If it would involve movement forwards or the user has displayed multiple nonsequential pages one after another and has already clicked or tapped a Previous Button on the last of these nonsequential pages, the form will display the first invalid page it finds in the page sequence, starting from the beginning, which is before the page on which the button was clicked or tapped. If all pages in the sequence before the current page are valid, the form will move backwards to the previous page in the sequence.
- If you are using nonsequential pages in your form, we recommend that you place them at the end of the page sequence within the Pages Pane. This will make navigating your form simpler.
Once you have placed a Previous Button Element on a page, you can edit the Element's properties to configure the Element for your requirements. Select the Element on the page to display its properties in the Properties Pane.
The following properties are available:
Label
Allows you to specify the text that appears on the Button. You can change the default label to better reflect the functionality within the context of your form, e.g. 'Return to Contact'Details. If you want to display an image on the Button with no text, leave this property blank.
Visible and Disabled Properties
Image
Allows you to specify an image to be displayed on the Button. If you specify a value in the Label property above, the position of the image in relation to the label is defined in the Image Position property on the Advanced tab, 
.
To browse for the picture, click on 
at the right-hand end of the property. A standard file browse dialog will be displayed allowing you to locate and select the required picture. If you want to re-use a picture that you have already used in this project, click on the down arrow symbol at the end of the edit box instead. This will display a list of images used in the project and you can select the one you want.
If you want to change the picture, simply select the new picture you want to use instead or to clear the selection, click on 
to the right of the button.
Image Category
Image Position
Determines whether the image specified in the Image property (see Appearance tab, ) is displayed to the left or right of the Button's label. If the Label property, at the top of the pane, is blank, this property is ignored.
Image Height
Specifies the height, in pixels, for the image. If you specify the height but not the width, the width will automatically be adjusted to maintain the original aspect ratio of the image. If you leave both the height and width blank the image will be displayed at its actual size.
Image Width
Specifies the width, in pixels, for the image. If you specify the width but not the height, the height will automatically be adjusted to maintain the original aspect ratio of the image. If you leave both the height and width blank the image will be displayed at its actual size.
Styles Category
Label Style
Allows you to assign a style to the Button's Label, e.g. to set the font type, size and colour.
Button Style
Allows you to assign a style to the body of the Button, e.g. to set the background colour.
If you have upgraded a project created using a version of Digitise Forms earlier than Digitise Forms - 2021 Spring Update, this property will only appear if you have also upgraded the Elements within the project, in which case this property will automatically be set to the same value as the Label Style property above.